<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<table border="1" width="100%">
<!--  第一行 header -->
    <tr>
        <td>
   <table width="100%">
       <tr>
           <td><img src="../img/logo2.png" alt=""></td>
           <td><img src="../img/header.png" alt=""></td>
           <td>
               <a href="#">登录</a>
               <a href="#">注册</a>
               <a href="#">购物车</a>
           </td>
       </tr>
   </table>
            
        </td>
    </tr>
<!--    第二行-->
    <tr>
        <td>
            <table width="100%" bgcolor="black">
                <tr>
                    <td>
                        <a href="#"><font color="white">首页</font></a>
                        <a href="#"><font color="white">手机数码</font></a>
                        <a href="#"><font color="white">电脑办公</font></a>
                        <a href="#"><font color="white">电脑办公</font></a>
                        <a href="#"><font color="white">电脑办公</font></a>
                        <a href="#"><font color="white">电脑办公</font></a>
                        <a href="#"><font color="white">电脑办公</font></a>
                    </td>
                    <td align="right">
                        <input type="text">
                        <input type="submit" value="提交">
                    </td>
                </tr>
            </table>
        </td>
    </tr>
<!--    第三行-->
    <tr>
        <td>
            <img src="../img/bartlesvillecf.jpg" alt="" width="100%">
        </td>
    </tr>
<!--    第四行-->
    <tr>
        <td>
            <table  width="100%">


                <tr>
                    <td rowspan="2"><img src="../hao/big01.jpg" alt=""></td>
                    <td colspan="3"><img src="../hao/middle01.jpg" alt=""></td>
                   
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                       咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                </tr>
                <tr>

                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                </tr>
            </table>
        </td>
    </tr>
<!--    第五-->
    <tr>
        <td>
            <img src="../hao/ad.jpg" alt="" width="100%">
        </td>
    </tr>
<!--   第六 -->
    <tr>
        <td>
            <table  width="100%">


                <tr>
                    <td rowspan="2"><img src="../hao/big01.jpg" alt=""></td>
                    <td colspan="3"><img src="../hao/middle01.jpg" alt=""></td>

                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                </tr>
                <tr>

                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                    <td align="center"><a href="#">
                        <img src="../hao/small01.jpg" alt=""><br>
                        咖啡机 <br>
                        $229
                    </a></td>
                </tr>
            </table>
        </td>
    </tr>
<!--   第七 -->
    <tr>
        <td>
            <img src="../img/footer.jpg" alt="" width="100%">
        </td>
    </tr>
<!--   第八 -->
    <tr>
        <td align="center">
            <a href="#"> 关于我们</a>
            <a href="#"> 联系我们</a>
            <a href="#"> 招贤纳士</a>
            <a href="#">  法律声明</a>
            <a href="#"> 友情链接</a>
            <a href="#"> 支付方式 </a>
            <a href="#"> 配送方式 </a>
            <a href="#"> 服务声明 </a>
            <a href="#"> 广告声明 </a>
            <br>
            Copyright © 2005-2016 传智商城 版权所有
        </td>
    </tr>
</table>
</body>
</html>